html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;font-weight: normal;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ol,ul,li {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* custom */
a {color: inherit;text-decoration: none;-webkit-backface-visibility: hidden;}
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: rgba(125, 125, 125, 0.7);-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: rgba(125, 125, 125, 0.7);-webkit-border-radius: 6px;}
html,body {width: 100%;font-family: "Microsoft YaHei", "黑体", "微软雅黑", "Arial", sans-serif;}
body {line-height: 1;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/*flex*/
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-justify-space-around {-webkit-justify-content: space-around;justify-content: space-around;-moz-box-pack: space-around;-webkit--moz-box-pack: space-around;box-pack: space-around;}
.clb::after {content: '';display: block;clear: both;height: 0;overflow: hidden;}
.tov {-ms-text-overflow: ellipsis;text-overflow: ellipsis;;white-space: nowrap;overflow: hidden;}
.fl {float: left}
.fr {float: right}
img {max-width: 100%;}
.img img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-height: 100%;}
input,textarea,select,input:focus,textarea:focus,select:focus {outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.por {position: relative;}
.poa {position: absolute;}
.pof {position: fixed;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.row-1 {width: 100%;}
.row-2 {width: 50%;}
.row-3 {width: 33.33%;}
.row-4 {width: 25%;}
.row-5 {width: 20%;}
.row-6 {width: 16.66%;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p10-0 {padding: 10px 0;}
.p0-10 {padding: 0 10px;}

/* 兼容 */
*:focus {outline: none} 
